<template>
  <img alt="Vue logo" src="./assets/logo.png" />
  <HelloWorld msg="Hello Vue 3.0 + Vite111" />
  <div class="test">{{ test }}</div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue';
import { useTest } from './hook/index.js';

export default {
  name: 'App',
  components: {
    HelloWorld
  },
  data: () => {
    return {
      test: '123'
    };
  },
  created() {
    this.handleTest();
  },
  methods: {
    handleTest() {
      const test = useTest();
      this.test = test;
    }
  }
};
</script>
<style lang="css">
.test {
  color: blue;
}
</style>
